// 从核心库导入 createApp 方法
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
// 导入css样式
// import './style.css'
//使用ElementPlus的样式
import 'element-plus/dist/index.css'
// 导入路由
import router from './router/index'
// 导入App.vue组件并命名为App
import App from './App.vue'
// 导入ElementPlus的图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

//导入elementPlus的中文组件包
import zhCn from 'element-plus/es/locale/lang/zh-cn'
// import zhCn from 'element-plus/dist/locale/zh-cn' // 也可以这样导入，但是报错


//创建vue，只有创建vue实例并且进行挂载后才能渲染页面，替换掉原来的index.html
let app = createApp(App)
app.use(router) // 使用路由
app.use(ElementPlus,{locale:zhCn}) // 使用ElementPlus插件

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}



app.mount('#app') // 挂载到id为app的元素上